<!doctype html>
<!--[if lt IE 8 ]><html lang="en" class="no-js ie ie7"><![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie"><![endif]-->
<!--[if (gt IE 8)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<title>Constellation Admin Skin</title>
	<meta name="description" content="">
	<meta name="author" content="">
	
	<!-- Combined stylesheets load -->
	<link href="css/mini2dd3.css?files=reset,common,form,standard,special-pages,wizard" rel="stylesheet" type="text/css">
	
	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	<link rel="icon" type="image/png" href="favicon-large.png">
	
	<!-- Modernizr for support detection, all javascript libs are moved right above </body> for better performance -->
	<script src="js/libs/modernizr.custom.min.js"></script>
	
	<!--
	
	This file is from the demo website of the Constellation Admin Skin
	
	If you like it and wish to use it, please consider buying it on ThemeForest:
	http://themeforest.net/item/constellation-complete-admin-skin/116461
	
	Thanks!
	
	-->
	
</head>

<!-- the 'special-page' class is only an identifier for scripts -->
<body class="special-page wizard-bg">
<!-- The template uses conditional comments to add wrappers div for ie8 and ie7 - just add .ie, .ie7 or .ie6 prefix to your css selectors when needed -->
<!--[if lt IE 9]><div class="ie"><![endif]-->
<!--[if lt IE 8]><div class="ie7"><![endif]-->
	
	<section>
		<div class="block-border"><form class="block-content form inline-medium-label" name="login-form" id="login-form" method="post" action="#">
				
			<h1>Easy setup wizard</h1>
			
			<ol class="wizard-steps no-margin">
				<li>
					<a href="javascript:void(0)">
						<span class="number">1<span class="status-ok"></span></span>
						Database
					</a>
				</li>
				<li>
					<a href="javascript:void(0)">
						<span class="number">2</span>
						Name
					</a>
				</li>
				<li class="disabled">
					<span class="number">3</span>
					Options
				</li>
			</ol>
			
			<span class="number bigger">2</span>
			<small>Setup wizard</small>
			<h2 class="bigger">Website name</h2>
			
			<p class="required">
				<label for="name"><span class="big">Website name</span></label>
				<input type="text" name="name" id="name" class="full-width" value="">
			</p>
			<p class="required">
				<label for="pass"><span class="big">Description</span><br>
				<small>For search engines</small></label>
				<textarea name="description" id="description" class="full-width" rows="8"></textarea>
			</p>
			
			<p>
				<input type="checkbox" name="index" id="index" value="1" class="switch" checked="checked"> &nbsp;
				<label for="index" class="inline grey">Allow search engines to index this site</label>
			</p>
			
			<p style="text-align:right;">
				<button type="submit">Next</button>
				<button type="button" class="grey">Need help?</button>
			</p>
		</form></div>
	</section>
	
	<!-- Combined JS load -->
	<script src="js/mini2eb8.php?files=libs/jquery-1.6.3.min,old-browsers,common,standard"></script>
	<!--[if lte IE 8]><script src="js/standard.ie.js"></script><![endif]-->
	
	<script>
	
		// Search tip
		$(document).ready(function()
		{
			$('#s').tip({
				content: 'AJAX search! Try entering "add"',
				onHover: false
			});
		});
	
	</script>
	
	<script>
	
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-10643639-3']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	
	</script>
</body>
</html>
